
<ion-content no-padding class="my-rent">
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
<ion-grid *ngFor="let v of orderList">
  <ion-row >
    <ion-col col-3>
      <img [src]="v.thumb" alt="" >
    </ion-col>
    <ion-col class="reting-new">
      <ion-row>
        <ion-col>{{v.title}}</ion-col>
      </ion-row>
      <ion-row>
        <ion-col class="fire-text-gradient reting-mon">&yen;<span>{{v.payMoney}}</span></ion-col>
      </ion-row>
      <ion-row>
        <ion-col>起租日期：<span>{{v.serviceTime}}</span></ion-col>
      </ion-row>
    </ion-col>
  </ion-row>
  <ion-row class="reting-out">
    <ion-col text-left>
      {{v.statusName}}
    </ion-col>
    <ion-col ion-text text-right>
      <button ion-button color="main" outline (click)="cancleOrder(v)">申请退租</button>
    </ion-col>
    <ion-col ion-text text-right>
      <button ion-button color="main" outline (click)="pay(v)">立即支付</button>
    </ion-col>
  </ion-row>
</ion-grid>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)" *ngIf="canLoadMore">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <div *ngIf="!canLoadMore&&orderList.length>10"
       style="text-align: center;width: 100%;height: 60px;padding: 20px 0;color:#848484">
    ————————别扯啦!———————-
  </div>
</ion-content>


